<script src="module/monitor_obj/terminal_List_detail.js"></script>

<!-- <div class="prel w-all h-all"> -->
    <!-- 上侧 -->
    <div class="top-panel" id="top-panel">
        <div class="terminal_peopleName">
            <p> <span class="people_name">荆浩明</span>的终端设备 <span class="people_tel">15523684759</span></p>
            <ul class="termianl_state">
                <li class="normal">在线</li>
                <li class="normal">已激活</li>
                <li class="normal">未失联</li>
                <li class="normal">未Root</li>
                <li class="warn">流量超限</li>
            </ul>
        </div>
        <div class="terminal_img_info">
            <ul>
                <li class="afterBorder padding_left"><img src="img/terminal/huawei.png" alt=""></li>
                <li class="afterBorder">HUAWEI MATE9</li>
                <li class="">android 7.0</li>
            </ul>
        </div>
    </div>

    <!-- 下侧 -->
    <div class="bottom-panel" id="bottom-panel" style="left:0px;">
        <ul class="terminal_tab" id="terminal_tab">
            <li class="active terminal_info"><i class="active"></i><a href="javascript:void(0);">基本信息</a></li>
            <li class="terminal_management_control"><i></i><a href="javascript:void(0);">终端管控</a></li>
            <li class="terminal_software"><i></i><a href="javascript:void(0);">应用软件</a></li>
            <li class="terminal_instruction "><i></i><a href="javascript:void(0);">指令记录</a></li>
            <li class="terminal_event"><i></i><a href="javascript:void(0);">事件记录</a></li>
            <li class="terminal_trajectory"><i></i><a href="javascript:void(0);">今日轨迹</a></li>
            <li class="data_update_time">
                <p>数据更新时间：  <span>2017-3-2 12:32</span> </p>
            </li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active " id="terminal_info">
                
                <div class="tab-pane-head">
                    <p><i></i> 基本信息看板</p>
                </div>
                <div class="tab-pane-body">
                    <div class="col-lg-3 col-md-3 tab-pane-common">
                        <div class="tab-pane-content">
                            <span class="info_left col-md-4">品牌</span>
                            <span class="info_right col-md-8">HUAWEI</span>
                        </div>
                        <div class="tab-pane-content">
                            <span class="info_left col-md-4">品牌</span>
                            <span class="info_right col-md-8">HUAWEI</span>
                        </div>
                        <div class="tab-pane-content">
                            <span class="info_left col-md-4">品牌</span>
                            <span class="info_right col-md-8">HUAWEI</span>
                        </div>
                        <div class="tab-pane-content">
                            <span class="info_left col-md-4">品牌</span>
                            <span class="info_right col-md-8">HUAWEI</span>
                        </div>
                        
                    </div>
                    <div class="col-lg-3 col-md-3 tab-pane-common">
                        <div class="tab-pane-content">
                            <span class="info_left col-md-4">品牌</span>
                            <span class="info_right col-md-8">HUAWEI</span>
                        </div>
                        <div class="tab-pane-content">
                            <span class="info_left col-md-4">品牌</span>
                            <span class="info_right col-md-8">HUAWEI</span>
                        </div>
                        <div class="tab-pane-content">
                            <span class="info_left col-md-4">品牌</span>
                            <span class="info_right col-md-8">HUAWEI</span>
                        </div>
                        <div class="tab-pane-content">
                            <span class="info_left col-md-4">品牌</span>
                            <span class="info_right col-md-8">HUAWEI</span>
                        </div>
                        
                    </div>
                    <div class="col-lg-3 col-md-3 tab-pane-common">
                        <div class="tab-pane-content">
                            <span class="info_left col-md-4">品牌</span>
                            <span class="info_right col-md-8">HUAWEI</span>
                        </div>
                        <div class="tab-pane-content">
                            <span class="info_left col-md-4">品牌</span>
                            <span class="info_right col-md-8">HUAWEI</span>
                        </div>
                        <div class="tab-pane-content">
                            <span class="info_left col-md-4">品牌</span>
                            <span class="info_right col-md-8">HUAWEI</span>
                        </div>
                        <div class="tab-pane-content">
                            <span class="info_left col-md-4">品牌</span>
                            <span class="info_right col-md-8">HUAWEI</span>
                        </div>
                        
                    </div>
                    <div class="col-lg-3 col-md-3 tab-pane-common">
                        <div class="tab-pane-content">
                            <span class="info_left col-md-4">品牌</span>
                            <span class="info_right col-md-8">HUAWEI</span>
                        </div>
                        <div class="tab-pane-content">
                            <span class="info_left col-md-4">品牌</span>
                            <span class="info_right col-md-8">HUAWEI</span>
                        </div>
                        <div class="tab-pane-content">
                            <span class="info_left col-md-4">品牌</span>
                            <span class="info_right col-md-8">HUAWEI</span>
                        </div>
                        <div class="tab-pane-content">
                            <span class="info_left col-md-4">品牌</span>
                            <span class="info_right col-md-8">HUAWEI</span>
                        </div>
                        
                    </div>
                </div>
            </div>
            <div class="tab-pane " id="terminal_management_control">
                <div class="tab-pane-head">
                    <p><i></i>终端管控看板</p>
                </div>
                <div class="tab-pane-body" style="padding-top:15px">
                    <div class="col-lg-8 col-md-8">
                        <div class="management_control">
                            <div class="management_control_con">
                                <div class="hardware w_options">硬件相关操作</div>
                                <div class="w_options_content">
                                    <div class="device_control_common">
                                        <div class="col-lg-3 col-md-3">
                                            <p>设备关机</p>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <p>手机终端将会关机，关机后其他指令可能执行失败</p>
                                        </div>
                                        <div class="col-lg-3 col-md-3">
                                            <p class="instruction_sending_btn">指令下发</p>
                                        </div>
                                    </div>
                                    <div class="device_control_common">
                                        <div class="col-lg-3 col-md-3">
                                            <p>设备关机</p>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <p>手机终端将会关机，关机后其他指令可能执行失败</p>
                                        </div>
                                        <div class="col-lg-3 col-md-3">
                                            <p class="instruction_sending_btn">指令下发</p>
                                        </div>
                                    </div>
                                    <div class="device_control_common">
                                        <div class="col-lg-3 col-md-3">
                                            <p>设备关机</p>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <p>手机终端将会关机，关机后其他指令可能执行失败</p>
                                        </div>
                                        <div class="col-lg-3 col-md-3">
                                            <p class="instruction_sending_btn">指令下发</p>
                                        </div>
                                    </div>
                                    <div class="device_control_common">
                                        <div class="col-lg-3 col-md-3">
                                            <p>设备关机</p>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <p>手机终端将会关机，关机后其他指令可能执行失败</p>
                                        </div>
                                        <div class="col-lg-3 col-md-3">
                                            <p class="instruction_sending_btn">指令下发</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="management_control_con">
                                <div class="Safety w_options">安全相关操作</div>
                                <div class="w_options_content">
                                    <div class="device_control_common">
                                        <div class="col-lg-3 col-md-3">
                                            <p>设备关机</p>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <p>手机终端将会关机，关机后其他指令可能执行失败</p>
                                        </div>
                                        <div class="col-lg-3 col-md-3">
                                            <p class="instruction_sending_btn">指令下发</p>
                                        </div>
                                    </div>
                                    <div class="device_control_common">
                                        <div class="col-lg-3 col-md-3">
                                            <p>设备关机</p>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <p>手机终端将会关机，关机后其他指令可能执行失败</p>
                                        </div>
                                        <div class="col-lg-3 col-md-3">
                                            <p class="instruction_sending_btn">指令下发</p>
                                        </div>
                                    </div>
                                    <div class="device_control_common">
                                        <div class="col-lg-3 col-md-3">
                                            <p>设备关机</p>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <p>手机终端将会关机，关机后其他指令可能执行失败</p>
                                        </div>
                                        <div class="col-lg-3 col-md-3">
                                            <p class="instruction_sending_btn">指令下发</p>
                                        </div>
                                    </div>
                                    <div class="device_control_common">
                                        <div class="col-lg-3 col-md-3">
                                            <p>设备关机</p>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <p>手机终端将会关机，关机后其他指令可能执行失败</p>
                                        </div>
                                        <div class="col-lg-3 col-md-3">
                                            <p class="instruction_sending_btn">指令下发</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <div class="phone_now_info">
                            <div class="phoneState" style="height:150px">

                            </div>
                            <div class="phoneStateBody">
                                <div class="state_explain_head">

                                </div>
                                <div class="state_explain_body">
                                    <div class="peripheral_state">
                                        <div class="state_con_header"><i></i>外设状态</div>
                                        <div class="state_con_body row">
                                            <div class="col-md-5">
                                                <p class="after_line"><i class="equipment_capacity_icon"></i>设备电量</p>
                                                <p class="after_line"><i class="phone_state_icon"></i>手机状态</p>
                                            </div>
                                            <dvi class="col-md-5">
                                                <p>53%</p>
                                                <p>正常使用中</p>
                                            </dvi>
                                        </div>
                                    </div>
                                    <div class="network_state">
                                        <div class="state_con_header"><i></i>网络状态</div>
                                        <div class="state_con_body row">
                                            <div class="col-md-5">
                                                <p class="after_line"><i class="network_icon"></i>当前网络</p>
                                                <p class="after_line"><i class="operator_icon"></i>运营商</p>
                                            </div>
                                            <dvi class="col-md-5">
                                                <p>Wifi</p>
                                                <p>中国联动</p>
                                            </dvi>
                                        </div>
                                    </div>
                                    <div class="safety_state">
                                        <div class="state_con_header"><i></i>安全状态</div>
                                        <div class="state_con_body row">
                                            <div class="col-md-5">
                                                <p class="after_line"><i class="lock_screen_icon"></i>锁屏</p>
                                            </div>
                                            <dvi class="col-md-5">
                                                <p>密码锁屏</p>
                                            </dvi>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
            <div class=" tab-pane" id="terminal_software">
                <div class="tab-pane-head">
                   <p> <i></i>应用软件看板</p>
                </div>
                <div class="tab-pane-body">
                    <div class="table-div-outer" style="padding:0 10px">
                        <div id="software_table" class="table-div table-list"></div>
                    </div>
                </div>
                
            </div>
            <div class=" tab-pane" id="terminal_instruction">
                <div class="tab-pane-head" style="overflow:hidden;padding-right:15px;">
                    <p class="pull-left"><i></i>指令记录看板</p>
                    <div class="pull-right">
                        <form class="form-inline relative" style="height:50px;">
                            <div class="form-group xd-template" style="margin-top:10px">
                                <label>时间范围：</label>
                                <input type="text" class="form-control input-sm" id="timeRange" style="width:180px;" placeholder="选择时间范围">
                            </div>
                            <input class="form-control xd-search" id="searchKey" type="" name="" value="" placeholder="搜索指令" style="height:30px">
                            <img src="img/search.png" alt="" id="searchIcon">
                        </form>
                    </div>
                </div>
                <div class="tab-pane-body">
                    <div class="table-div-outer" style="padding:0 10px">
                        <div id="instruction_table" class="table-div table-list"></div>
                    </div>
                </div>
            </div>
            <div class=" tab-pane" id="terminal_event">
                <div class="tab-pane-head">
                    <p><i></i> 事件记录看板</p>
                </div>
                <div class="tab-pane-body">
                    <div class="table-div-outer" style="padding:0 10px">
                        <div id="event_table" class="table-div table-list"></div>
                    </div>
                </div>
            </div>
            <div class=" tab-pane" id="terminal_trajectory">
                cbcxgnfgmngnn
            </div>
        </div>
    </div>
<!-- </div> -->
